@import './variables.scss';
@import './side.scss';


html,
body {
  background-color: #F5F6FA;
}

html,
body,
div,
aside,
section {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.cc-wrap {
  height: 100vh;
  display: flex;

  .aside {
    height: 100vh;
    background-color: #545c64;
  }

  .section {
    flex: 1;
    width: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;

    .header {
      height: 50px;
      flex: none;
    }

    .body {
      flex: 1;
      height: 0;
    }
  }
}

// 页面级布局
.cc-page-wrap {
  padding: 12px;
}

.cc-page-card {
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 0 4px rgba(200, 200, 200, 0.2);
  padding: 12px;
  margin-bottom: 12px;

  &:last-child {
    margin-bottom: 12px;
  }
}

// search table from style
.cc-label {
  width: 100%;

  .el-form-item__content {
    width: calc(100% - 85px);

    .el-select {
      width: 100%;
    }

    .el-input {
      width: 100%;
    }
  }

}